<style>
 /*验证：提示信息样式 begin*/
 .am-alert-danger {
    background-color: transparent;
    border-color: transparent;
    color: red;
  }
  .am-alert {
    margin-bottom: 1em;
    padding: .625em;
    background: transparent;
    border: none;
    border-radius: 0;
  }
  .red_border{
      border: solid 1px red;
  }
  .green_border{
      border: solid 1px #5EB85E;
  }
  /*验证：提示信息样式 end*/
  /*附件上传*/
  .am-progress-xs {
    height: .2rem;
  }
  .am-progress {
    margin-bottom: 0;
  }
    .enabled{
        color: red;
    }
</style>
<input type="hidden" id="activityId" name="activityId" value="${activity.id!''}"/>

<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;">*</span>活动名称
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <input data-validation-message="输入活动名称,2-30个字符" type="text"  name="name" id="name" minlength="2" maxlength="30" placeholder="输入活动名称" required value="${activity.name!''}"/>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg"></div>
</div>

<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;">*</span>类型代码
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <select id="type" name="type">
            <%for(activityType in activityTypeList!){%>
            <option value="${activityType.value}"
            <% if((activityType.value+"")==(activity.type!""+"")) { %>
                selected = "selected"
            <% } %>
            >${activityType.name}</option>
            <%}%>
        </select>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg" ></div>
</div>

<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;">*</span>活动分享标题
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <input data-validation-message="输入活动分享标题" type="text"  name="title" id="title" minlength="1" maxlength="24" placeholder="输入活动分享标题" required value="${activity.title!''}"/>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg" ></div>
</div>

<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;">*</span>活动分享描述
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <textarea data-validation-message="输入活动分享描述" id="description" rows="5" name="description" minlength="0" maxlength="256" placeholder="请输入描述信息，最多256个字符" required>${activity.description!}</textarea>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg" ></div>
</div>
<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-4 am-u-md-2 am-text-right">
        图片路径
    </div>
    <div class="am-u-sm-6 am-u-md-6">
        <input type="text" id="icon_url" name="icon_url" value="${activity.icon_url!''}" placeholder="请上传图片（ *.gif,*.jpg,*.jpeg,*.png ）"/>
    </div>
    <div class="am-u-sm-2 am-u-md-4">
        <div class="am-form-file am-text-xs">
            <button type="button" class="am-btn am-btn-primary am-btn-sm">
                <i class="am-icon-cloud-upload"></i> 选择要上传的文件
            </button>
            <input id="fileupload" type="file" name="files[]" multiple>
        </div>
        <!-- The global progress bar -->
        <div id="progress-area" class="am-margin-top-sm am-hide">
            <div id="progress-text" class="am-text-xs am-text-right"></div>
            <div id="progress" class="am-progress am-progress-xs">
                <div class="am-progress-bar" style="width: 0%"></div>
            </div>
        </div>
    </div>
</div>

<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;">*</span>排序字段
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <input data-validation-message="输入整数格式排序字段" type="text"  name="sort" id="sort" minlength="1" maxlength="5" placeholder="输入整数格式排序字段" required value="${activity.sort!''}"   pattern="^[0-9]*$"/>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg" ></div>
</div>



<div class="am-g am-form-group am-margin-top">
    <div class="am-u-sm-2 am-u-md-2 am-text-right">
        <span style="color: red;"></span>备注
    </div>
    <div class="am-u-sm-8 am-u-md-8">
        <textarea id="remark" rows="5" name="remark" minlength="0" maxlength="256" placeholder="请输入备注信息，最多256个字符">${activity.remark!}</textarea>
    </div>
    <div class="am-u-sm-2 am-u-md-2 input-msg" ></div>
</div>


</div>